專案目標回顧

在過去的三十天專案學習中，在最後我們以「猜數字遊戲」為主題，完成了一個完整的互動式網頁遊戲專案。專案目標從一開始就明確：希望設計一個具備完整遊戲邏輯、即時互動回饋、前端介面友好的數字猜測遊戲，並提供不同難度關卡與成績統計，讓玩家能夠持續挑戰自我。

整體專案的學習脈絡可分為四個階段：

專案規劃與功能設計（Day 27）
資料與邏輯處理（Day 28）
介面與互動效果（Day 29）
專案總結與心得（Day 30）
這四個階段環環相扣，從規劃到實作，再到視覺與互動效果，最後總結與回顧，形成完整的專案流程。

遊戲規則與功能回顧

本專案核心遊戲規則如下：
系統會隨機生成一個目標數字（簡單與適中模式為 1~100，困難模式為 1~150）。
玩家透過數字輸入欄提交猜測，系統即時回饋「太大」、「太小」或「猜對了！」。
遊戲提供不同難度關卡：
簡單：60 秒倒數，顯示範圍提示與歷史紀錄。
適中：45 秒倒數，不提供範圍提示，但保留歷史紀錄。
困難：30 秒倒數，無範圍提示與歷史紀錄。
遊戲自動記錄玩家歷史成績，並計算平均猜測次數與最佳成績。

遊戲畫面設計回顧

在前端介面設計上，我將畫面分為三個主要部分：
規則說明畫面
顯示遊戲目標、操作方式與各難度規則，並用顏色區分不同難度，幫助玩家快速理解。
按下「開始遊戲」後進入難度選擇畫面。

難度選擇畫面
玩家可選擇簡單、適中或困難模式，背景色會隨難度改變（綠色系、黃色系、紅色系），給予直覺視覺提示。
畫面下方同時顯示歷史成績統計，玩家可以即時看到平均猜測次數與最佳成績。

遊戲互動畫面
倒數計時器：在遊戲開始時即時顯示剩餘秒數，玩家能掌握時間壓力。
數字輸入欄：玩家輸入猜測數字，按下送出或 Enter 鍵即可提交。
結果提示區：即時顯示「太大」、「太小」或「答對了」，若選擇簡單模式還會顯示提示範圍。
歷史紀錄區：在簡單與適中模式下，每次猜測會列在歷史紀錄區，方便玩家分析猜測策略。
以下為簡單模式：

以下為適中模式：

以下為困難模式：

再玩一次按鈕：遊戲結束後出現，玩家可重新選擇難度挑戰。

彩帶動畫（Confetti）：當玩家猜中答案時，噴出彩帶，提供成就感與視覺回饋。
整個遊戲畫面兼顧功能性與美觀性，讓玩家操作直覺，並能在互動中獲得即時回饋。

資料與邏輯處理回顧

在資料處理與邏輯設計上，我主要運用了：
隨機數生成：Math.random() 產生目標數字。
使用者輸入處理與驗證：判斷數字範圍與是否為數字，避免無效輸入。
猜測結果判斷：透過 if/else 判斷「太大、太小、答對」。
歷史紀錄與次數計數：陣列儲存每次猜測，搭配迴圈顯示歷史結果。
成績儲存與統計：利用 LocalStorage 保存歷史成績，計算平均猜測次數與最佳成績。
這些設計確保遊戲邏輯清楚且資料管理完整。

互動效果與玩家回饋回顧

即時文字更新：每次猜測後立即顯示結果提示，歷史紀錄即時累積。
彩帶動畫：猜中答案時觸發，增加玩家成就感。
背景色切換：不同難度提供心理暗示與視覺引導。
倒數計時器：營造緊迫感，提升互動張力。
自動清空與焦點控制：每次猜測後輸入欄自動清空並聚焦，提高操作流暢度。

專案心得與學習收穫

透過這次「猜數字遊戲」專案，我將前面30天所學的程式觀念與實作技巧實際應用在作品中，深刻體會到從學習到實踐的轉化過程。這次專案不僅是一次作品開發的挑戰，更是整合與驗證學習成果的機會。在開發過程中，我也善用 ChatGPT 協助思考程式邏輯、修正錯誤與優化程式結構，讓我能更有效率地完成專案，並學會如何分析問題與尋找解決方法。
在這30天的學習與實作過程中，我獲得了以下幾點收穫：
完整專案規劃的重要性：事前明確規劃功能與流程，能讓開發過程更順暢，減少反覆修改。
資料與邏輯結構應用：透過變數、條件判斷、陣列與迴圈的運用，更理解邏輯處理在遊戲運作中的關鍵角色。
前端介面與互動設計：學會利用事件監聽、即時提示與視覺變化，讓玩家操作體驗更直覺。
模組化程式設計：透過函式拆分，使程式架構更清晰、維護性更高，也方便後續擴充新功能。
成績追蹤與統計應用：結合歷史紀錄與統計數據，提升遊戲的趣味性與挑戰感。
運用 ChatGPT 進行學習與輔助開發：在思考邏輯、修正程式錯誤與調整互動設計時，ChatGPT 提供了即時的建議與參考，讓我更快理解程式概念並完成優化。

整體而言，這個專案讓我完整體驗從構思、規劃、邏輯設計、前端互動到成果呈現的完整開發流程。我學會如何將程式邏輯與介面設計結合，打造出操作簡單、互動豐富又具挑戰性的網頁遊戲。這次經驗不僅鞏固了我對 JavaScript 的理解，也讓我更有信心善用工具、解決問題，並面對未來更複雜的專案挑戰。